*{ margin:0px; padding:0px}
body{ font-family:"微软雅黑"; font-size:14px; color:#000000;}
img,div,table,tr,td,span{ border:none}
ul,li{ list-style:none}
a{ text-decoration:none; color:#000000}
a:hover{ text-decoration:none;}
a, img {transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out;}

#topnav{ width:100%; margin:0px auto;   height:130px;background: url(../images/top_bg.jpg) repeat center}
.tb{ width:1400px; margin:0px auto}
.tbyc{ width:1400px; margin:0px auto; text-align:right; position:absolute;}
.tbyc a{ padding-left:5px}
@media screen and (max-width:1410px){
.tb{ width:95%;}
.tbyc{ width:100%; position:inherit}
}
@media screen and (max-width:468px){
.tb{ display:none}
}

.logo{ width:1400px; margin:0px auto}
.logo_l{ float:left; width:500px; margin-top:20px}
.logo_l a img{ width:100%}
.logo_l a h1{ display:none}
.logo_r{ float:right; width:300px; height:90px; background:url(../images/logo_r.png) no-repeat; margin-top:34px}
.logo_r a h1{ padding-top:38px; padding-left:66px; font-size:32px; color:#ce0001}
@media screen and (max-width:1410px){
.logo{ width:95%}
.logo_l{ margin-top:0;}
.logo_r{ margin-top:10px}
}
@media screen and (max-width:853px){
#topnav{ height:auto}
.logo_l{ float:none; margin:0 auto; width:100%; line-height:120px;}
.logo_l a h1{ display:block; font-size:40px; text-align:center; color:#058EED}
.logo_l a img{ display:none}
.logo_r{ display:none}
}
@media screen and (max-width:468px){
.logo_l a h1{ font-size:35px}
.logo_l{ line-height:90px;}
}
@media screen and (max-width:406px){
.logo_l a h1{ font-size:31px}
}
@media screen and (max-width:358px){
.logo_l a h1{ font-size:26px}
}

#nav1{ width:100%; margin:0px auto; background: url(../images/head_bg.png) no-repeat center;}
#nav{ width:1400px; margin:0px auto;line-height:58px; font-family:"微软雅黑"}
#nav ul{ list-style-type:none}
#nav ul dt{ width:220px; float: left; color:#FFF}
#nav ul li{ float:left;width:147.5px; text-align:center;position: relative; display:block}
#nav ul li a{ color:#FFFFFF; text-align:center; font-size:15px}
#nav ul li:after {position: absolute;font-size: 10px;color: #5c5c5c;content: "/";right: -10px;top: 0;width: 10px;line-height:60px;text-align: center;}
@media screen and (max-width:1410px){
#nav{ width:95%}
#nav ul dt{ width:16%}
#nav ul li{ width:10%}
}
@media screen and (max-width:1359px){
#nav1{ background:#333333}
#nav{ height:63px; line-height:63px}
#nav ul dt{ display:none}
#nav ul li{ width:12.5%}
}
@media screen and (max-width:908px){
	#nav{ line-height:45px; width:100%}
#nav ul li:after { display:none}
#nav ul li{ width:24.8%; border-right:1px #4D4D4D solid; border-bottom:1px #4D4D4D solid}
}
@media screen and (max-width:510px){
#nav ul li{ width:24.5%}
}

/*ban*/
.slider-focus{position:relative;width:100%;overflow:hidden;}
.slider-focus .hd{position:absolute;width:100%;height:22px;left:0;bottom:2%;z-index:0;line-height:24px;text-align:center;}
.slider-focus .hd li{display:inline-block;vertical-align:middle;margin:0 4px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;cursor:pointer; border-radius:10px; width:15px; height:15px; background: #fff}
.slider-focus .hd li.on{ background:#ce0001}
.slider-focus .bd{position:relative;z-index:0;}
.slider-focus .bd li{position:relative;text-align:center;}
.slider-focus .bd li img{vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slider-focus .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;height:280px;display:block;}  /* 去掉链接触摸高亮 */
@media screen and (max-width: 425px){
	.slider-focus .bd li a{width:100%;height:200px;}
}
@media screen and (min-width: 426px){
	.slider-focus .bd li a{width:100%;height:250px;}
}
@media screen and (min-width: 768px){
	.slider-focus .bd li a{width:100%;height:320px;}
}
@media screen and (min-width: 992px){
	.slider-focus .bd li a{width:100%;height:440px;}
}
@media screen and (min-width: 1300px){
	.slider-focus .bd li a{width:100%;height:520px;}
}
@media screen and (min-width: 1400px){
	.slider-focus .bd li a{width:100%;height:550px;}
}
@media screen and (min-width: 1600px){
	.slider-focus .bd li a{width:100%;height:680px;}
}

.wk{ width:1450px; margin:0 auto}
@media screen and (max-width:1460px){
.wk{ width:95%}
}

/**/
.Toubu{width: 100%;background:#f8f8f8;}
.root {width: 100%;height: 149px;position: relative;}
.root dt {float: left;margin-top: -76px;width:25%;height: 225px;}
.root dt img {display: block;width: 251px;height: 225px; z-index:19999; position:relative}
.root .wzgg {padding-top:14px;position: relative;height: 113px;width:75%;float: right;font-size: 15px;color: #555555;line-height: 34px;text-indent: 2em;}
.root .wzgg p { display:inline}
.root .wzgg p em {font-weight: bold;}
.root .wzgg h1{ font-size: 15px;display:inline; font-weight:normal}
.root .wzgg h2{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg h3{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg span{ display:inline; font-weight:normal}
.root .wzgg i {display: block;position: absolute;right: 0;bottom: 24px;width: 26px;height: 20px;}
.root .wzgg img {display: block;width: 26px;height: 20px;}
.wzgg{display:inline}
.wzgg_bt{display:inline}
@media only screen and (max-width:1440px) { 
.root .wzgg i{ bottom:-12px}
}
@media only screen and (max-width:1680px) { 
.root dt{ margin-top:-57px}
}
@media only screen and (max-width:1200px) { 
.root .wzgg{ width:69%} 
.root .wzgg{ height:140px}
}
@media only screen and (max-width:1024px) { 
.root .wzgg{ height:130px}
.root dt{ margin-top:-33px}
.root .wzgg i{ display:none}
}
@media only screen and (max-width:850px) { 
.root .wzgg{ line-height:27px;}
}
@media only screen and (max-width:768px) { 
.Toubu{ display:none}
.root{ background:#0c65bf; padding:0% 0% 2% 0%; height:auto}
.root dt{ width:100%; background:#0c65bf; margin-top:0%; text-align:center}
.root dt img{ margin: 0 auto;}
.root .wzgg{ width:100%; height:auto; color:#fff; padding-top:0%}
.root .wzgg h1{ display:none}
.root .wzgg h2{ display:none}
.root .wzgg p{ display:none}
.root .wzgg h3{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center;border-radius:50px; background:#FFFFFF; color:#0c65bf; display:block; margin-top:3%;}
}
@media only screen and (max-width:450px) { 
}

.mainsytj{ padding:3% 0% 0; }
.mainsytj_top{ text-align:center; }
.mainsytj_top dt{ font-size:30px; line-height:60px; color:#295592 ;font-weight: bold}
.mainsytj_top dt i{ height:90px; overflow:hidden; width:100%; display:block; display:none}
.mainsytj_top dd{ font-size:18px; line-height:40px; color:#999; text-transform:uppercase; font-weight:normal }
.mainsytj_top p{ background:#295592; height:2px; width:40px; margin: 0 auto; display: none} 
@media only screen and (max-width:596px) { 
.mainsytj_top{ width:98%}
.mainsytj_top img{ width:100%}
}


/*产品展示*/
.product_list{background:#f4f4f4}
.cpzs{ }
.cpzstop{ text-align:center}
.cpzstop h2{ line-height:60px; color:#000000}
.cpzstop h2 font{ padding-right:3%; }
.cpzstop span{  color:#bbb7b7; font-size:24px;line-height:60px; font-weight:bold; text-transform:uppercase} 
.iprolist { } 
.iprolist ul { width:100%; margin: 0 auto; text-align:center} 
.iprolist ul dl{ height:50px; line-height:50px; margin:0% 0.1% 0% 0.1%; width:14%; background:#0099FF; float:left; text-align:center}
.iprolist ul dl a{ color:#FFFFFF}
.iprolist ul li{ height:50px; line-height:50px; margin:0% 0.1% 0% 0.1%; width:14.1%; float:left; background:#e4e4e4} 

.cplb{ width:100%; margin: 0 auto}
.cplb .title2{ display:none} 
.ipro_list { margin-top:10px }
.ipro_list div {width:24.6%; float:left;padding:0; background:#467EC9; margin-right:0.5%; margin-bottom:7px}
.ipro_list div h2{width:100%; overflow:hidden; float:left;max-height:300px;position:relative; display:block; padding-bottom:100%}  
.ipro_list div h2 img{ width:100%; height:100%; float:left; position:absolute;}  
.ipro_list h3 { width:100%;TEXT-ALIGN: center; float:left;HEIGHT:45px;COLOR: #fff;FONT-SIZE: 16px; line-height:45px; overflow:hidden} 
.ipro_list p { width:100%; float:left;HEIGHT:10px;overflow:hidden} 
.ipro_list div li b{ display:none;width:10%; height:3px; margin: 0 auto;   }
.ipro_list div li h1{ padding:0% 5%; line-height:30px; display:none}
.ipro_list div li strong{ display:none}
.ipro_list div:hover{ background:#bc0000}
.ipro_list div:hover h3{ color:#FFFFFF}
.ipro_list div:hover b{ display: block; background:#FFFFFF}
.ipro_list div h2 img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.ipro_list div:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);} 

.ipro_list div:nth-child(4n){ margin-right:0}
@media only screen and (max-width:1450px) { 
.cpzstop h2{ line-height:40px;}
}
@media only screen and (max-width:1200px) { 
.cpzstop h2{ line-height:30px;}
.iprolist ul{ width:100%}
.ipro_list H3{ height:50px; line-height:50px;}
.ipro_list DIV li b{ display: block; background:#999999; } 
}
@media only screen and (max-width:768px) { 
.product_list{ padding:5% 0% 3% 0%}
.cpzstop{ margin-bottom:3%}
.cpzstop span{ font-size:20px; line-height:30px;}
.iprolist ul{ width:98%}
.iprolist ul dl{ width:24.7%; display:none}
.iprolist ul li{ width:33.1%;background:#bc0000; margin-bottom:0.1%} 
.iprolist ul li a{ color:#FFFFFF}

.ipro_list DIV {WIDTH:96%; margin:0% 1% 1% 1%; padding:1%;border-radius:0px 0px 0px 0px;}
.ipro_list DIV H2{ width:50%; float:left; height:300px; overflow:hidden; padding:0%} 
.ipro_list DIV li H3{ margin-top:30px;}
.ipro_list DIV li{ width:50%; float:left}
.ipro_list DIV li h1{ display:block; color:#FFF; font-size:15px; font-weight:normal}
.ipro_list DIV li strong{ display: block; width:50%; height:50px; margin: 0 auto; line-height:50px;border-radius:50px; background:#bc0000; color:#FFFFFF; text-align:center; margin-top:3%}
.ipro_list DIV:hover h1{ color:#fff; }
.ipro_list DIV:hover strong{ background:#fff; color:#bc0000; }
}

@media only screen and (max-width:550px) { 
.ipro_list DIV H2{height:250px;}
.ipro_list DIV li h1{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden}
.ipro_list DIV li strong{height:40px; line-height:40px;}
}

@media only screen and (max-width:479px) { 
.iprolist ul li{ width:48%; margin:0% 1% 1% 1% }  
}
@media only screen and (max-width:450px) {  
.ipro_list DIV H2{height:200px;}
.ipro_list DIV li h1{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden}
}

@media only screen and (max-width:414px) {  
.ipro_list DIV H2{width:100%; overflow:hidden; float:left;max-height:300px;position:relative; display:block; padding-bottom:100%;height:auto }    
.ipro_list DIV li{ width:100%;} 
.ipro_list DIV li h1{display:none}
.ipro_list DIV li strong{ display:none}
.ipro_list DIV li H3{ margin-top:0px;}
}

/*abt*/
.tit{ margin-bottom:15px; margin-top:15px;}
.tit h1:before {position: absolute; width: 68px;height: 25px;background: url(../images/tit1.png) no-repeat;content: "";left: -90px;top: 8px;}
.tit h1:after { position: absolute; width: 68px; height: 25px; background: url(../images/tit2.png) no-repeat;content: "";right: -90px; top: 8px;}
.tit h1{ font-size:35px; text-align:center; color:#333; padding-bottom:6px; position:relative; width:300px; margin:0 auto;}
.tit h2{ font-size:16px; text-align:center; font-weight:normal}
@media only screen and (max-width:513px) {  
.tit h1{ font-size:30px; width:250px}
}
@media only screen and (max-width:445px) {  
.tit h1:before{ display:none}
.tit h1:after{ display:none}
}

.abt{ width:100%; background: url(../images/ab_bg.jpg) no-repeat center}
.abt dl{height: 415px;}
.abt dt{float: left; width:40%;}
.abt dt img{width:100%; height:400px}
.abt dd{float: right;width: 50%;}
.abt_desc{padding-top:15px;}
.abt_desc p{font-size: 14px;color: #333;line-height: 30px;opacity: 0.8;text-indent: 2em;letter-spacing: 1px;}
.abt_desc p a{color: #1174f0;}
.abt_sz{height: 150px;padding-top: 40px;}
.abt_sz li{float: left;margin-right: 60px;}
.abt_sz li:last-child{margin-right: 0;}
.abt_sz li span{display: block;height: 50px;position: relative;font-size: 18px;line-height: 18px;color: #333;}
.abt_sz li span:after{position: absolute;width: 28px;height: 28px;background: #ffefb2;content: "";border-radius: 50%;z-index: -1;}
.abt_sz li em{display: inline-block;line-height: 50px;font-size: 48px;font-family: "Impact";margin-right: 10px;}
.abt_sz li p{font-size: 18px;color: #333;line-height: 54px;}
.abt_sz li:nth-child(1) span:after{right: -5px;bottom: 2px;}
.abt_sz li:nth-child(2) span:after{display: none;}
.abt_sz li:nth-child(3) span:after{right: -12px;bottom: 2px;}
.abt_b{ background:#09F}
@media only screen and (max-width:1460px) {  
.abt dd{ width:53%}
}
@media only screen and (max-width:1219px) {  
.abt_desc p{ height:240px; overflow:hidden}
}
@media only screen and (max-width:996px) {  
.abt_sz li em{ font-size:35px}
.abt_sz li{ margin-right:6%}
}
@media only screen and (max-width:750px) {  
.abt dt{ width:100%}
.abt dd{ width:100%}
.abt_sz{ display:none}
}

.jyfc{padding-top:20px; width:1450px;padding-bottom:14px; margin:0 auto }
.jyfc h3{float: left;width: 280px;height: 150px;}
.jyfc_list{float: right;width: 868px;}
.jyfc_list li{float: left;width: 200px;margin-right: 16px;}
.jyfc_list li img{display: block;width: 200px;height: 150px;}
.jyfc_list li span{display: block;font-size: 14px;color: #fff;line-height:35px;text-align: center; background:#0389E5}
@media only screen and (max-width:1460px) {  
.jyfc{ width:95%}
}
@media only screen and (max-width:1211px) {  
.jyfc_list{ width:768px}
.jyfc_list li:nth-child(4){ display:none}
}
@media only screen and (max-width:1109px) {  
.abt_b{ display:none}
}


.clear{ clear:both;}

/**/
.fl{ float:left}
.fr{ float:right}

.news_box{width: 100%;height: 620px; background: #f2f2f2;}
.news01{padding-top:15px;}
.news01t{width: 100%;font-size: 30px; font-weight: bold; color: #0061c6;text-align: center;height: 71px; line-height: 71px;}

.nls{width:62%; float: left}
.news01c_l{width:98%;background: #f4f4f4;margin:0 1%;}
.news01ct{line-height:65px;color: #0b81d9;font-size:20px;font-weight: bold; width:97%; padding:0 1.5%}
.news01ct span{color: #333;font-size: 16px;font-weight: 100;}
.news01ct a{display: block;float: right;font-size: 14px;font-weight: 100;}
.news01c_l01{width: 30%; height:215px;float: left;}
.news01c_l01 img{ width:100%; height: 215px;transition: 0.5s;}
.news01c_l02{padding: 25px 2.5%;width:65%;background: #0b81d9;height:165px;float: left;}
.news01c_l02 p{ color:#FFF; line-height:27px}
.news01c_l:hover .news01c_l01 img{transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05); }
.news01c_l0204{ margin-top:20px}
.news01c_l0204 span{display: block;width: 104px; height: 28px;border-radius: 14px;background: #fea803;text-align: center;line-height: 28px;color: #fff;}
.news01c_r{width:98%;margin:0 1%;}
.news01c_r li{width: 100%;height: 100px; background: #fff;}
.news01c_r01{width:15%;text-align: center;}
.news01c_r01 span{display: block;font-family: impact;padding-top:10px; font-size:40px;}
.news01c_r01 i{padding-top: 20px; font-size:28px;font-style:normal;}
.news01c_r0201{line-height: 43px;color: #313131;font-weight: 400; font-size: 16px;}
.news01c_r0202{line-height: 25px;font-weight: 100; font-size: 14px;}
.news01c_r02{width:70%;}
.news01c_r03{width:15%;height: 100px;font-size: 25px;}
.news01c_r03 span{display: block;width: 35px; height: 35px;border:2px solid #ccc; border-radius: 10px;text-align: center;line-height: 35px; color: #ccc;margin: 35px; transition: 0.5s;}
.news01c_r li:hover .news01c_r03 span{color: #000;border:2px solid #000;border-radius: 0px;}
.news01c_r li{margin:10px 0;}

.nrs{width:33%; float:right}
.faqs{width: 100%;height: auto;overflow: hidden;background: #fff;}
.faqli{width:97%;padding:1% 1.5%;}
.faqlit{height: auto;overflow: hidden;padding-bottom:8px;border-bottom: 1px solid #ccc;}
.faqlis{width:80%;float: left;height: 30px; line-height: 30px;color: #3d3d3d;transition: 0.5s;padding-left:0px;}
.faqliss{width:80%;float: left; line-height:22px;color: #3d3d3d;}
.faqlio{height: 30px;width: 100%;margin:10px 0 15px 0;}
.faqlio span{display: block;width:30px; height: 30px; background: #0b81d9;text-align: center;line-height: 30px; color: #fff;margin-right: 20px;float: left;}
.faqlit span{display: block;width:30px; height: 30px; background: #fec068;text-align: center;line-height: 30px; color: #fff;margin:0 20px 30px 0;float: left;}
.faqli a:hover .faqlis{padding-left: 10px;color: #0b81d9;}
@media only screen and (max-width:1170px) {  
.news01c_l02 p{ height:135px; overflow:hidden}
.faqliss{ height:66px; overflow:hidden}
.news01c_r0202{ height:50px; overflow:hidden}
}
@media only screen and (max-width:860px) {  
.nrs:nth-child(2){ display:none}
.nls{ width:100%}
}
@media only screen and (max-width:447px) {  
.news01c_r01{ width:20%}
.news01c_r02{ width:76%}
.news01c_r0201{ width:100%; height:43px; overflow:hidden}
.news01c_r03{ display:none}
}


.mainlc_top{ text-align:center; padding-top:15px; padding-bottom:15px}
.mainlc_top a h2{ font-size:39px; color:#0A4D98}
.mainlc_top a p{ font-size:19px; padding-top:10px}
@media only screen and (max-width:560px) {  
.mainlc_top a h2{ font-size:32px}
}

.mainlc{ width:100%; margin:0 auto; background:url(../images/client_bg.jpg) no-repeat top}
.box{position: relative;perspective: 1000px;cursor: pointer;}
.box .box-img{transform: rotateY(0);transition: all 0.50s ease-in-out 0s; width:100%; height:300px;}
.box:hover .box-img{transform: rotateY(-90deg);}
.box .box-img img{width: 100%;height: 100%;}
.box .box-content{width: 100%;height: 100%;position: absolute;top: 0;left: 0; text-align: center;background: rgba(0,0,0,0.5);transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;}
.title_jichu{ width:100%; margin: 0 auto; color:#FFFFFF; padding-top:16%}
.title_jichu b{ line-height:60px; text-align:center; display:block; height:60px; overflow:hidden}
.title_jichu b a{ color:#FFFFFF}
.title_jichu span{ line-height:30px; width:80%; margin: 0 auto; display:block}
.title_jichu span a{ float:left; color:#FFFFFF}
.title_tese{font-size:20px;}
.title_jiazhang{font-size:20px;}
.box:hover .box-content{transform: rotateY(0);}
.col-md-4{ width:23.6%; float:left; margin:0% 0.5% 1% 0.5%; }
@media only screen and (max-width:1200px) {  
.col-md-4{ width:32.3%}
.box .box-img{ height:auto}
}
@media only screen and (max-width:680px) {  
.col-md-4{ width:49%}
.mainlc{background:#F2F2F2}
}
@media only screen and (max-width:560px) {  
.col-md-4{ width:100%}
}

/**/
.xwww{}
.xwzx_top{width:100%; margin: 0 auto;  height:60px; overflow:hidden; color:#000; border-bottom:1px #000000 dotted}
.xwzx_top h2{ width:50%; float:left;font-variant:small-caps; line-height:60px; height:60px; overflow:hidden; }
.xwzx_top span{ float:left; } 
.xwzx_top h2 strong{ padding:0% 2%}
.xwzx_top dt{ float:right; width:10%; padding:36px 0% 0;  text-align:right}
.xwzx_top dt a{ padding:0% 2%;}
.xwzx_top dt img{ padding:0% 1%; } 
.xwzx_l{width:33%; float:left; margin-top:1%}
.xwzx_r{width:65%; float: right; margin-top:1%}
.xwzx_l dl{ width:27%; float: left; }
.xwzx_l dl dd{ width:100%; float:left}
.xwzx_l dl dd img{ width:100%; float:left; margin:4% 1% 1% 1%; height:102px;}
.xwzx_r ul{ width:100%; float:right}
.xwzx_r li{ border-right:1px #CCCCCC dotted; width:31%; background:#FFFFFF; padding:0 1%; float:left; margin-bottom:5px}
.xwzx_r li dt{width: 100%;height:90px; overflow:hidden; color:#999; display:block; line-height:22px} 
.xwzx_r li dd{ height:200px;}
.xwzx_r li h2{ height:30px; font-size:15px; line-height:30px; width:100%; overflow:hidden}

.xwzx_r li:nth-child(3){border-right: none}
.xwzx_r li:nth-child(6){border-right: none}

.xwzx_div{ width:65%; float:right}
.xwzx_div li dt{height:77px;}
.xwxw ul{ width:100%; float: left}
.xwxw li{ border-bottom:1px #CCCCCC dotted; width:100%; margin:0% 1% 0% 1%; border-left:none; border-right:none; border-top:none; padding:0%;}
.xwxw li dt{width: 100%; overflow:hidden; color:#999; display:block; line-height:25px;} 
.xwxw li span{ float:right}
.xwxw li dd{ height:200px;}
.xwxw li h2{ height:30px; overflow:hidden; line-height:30px; font-size:15px}
@media only screen and (max-width:1210px) {  
.xwzx_l dl{ display:none}
.xwzx_div{ width:100%; float:none}
}
@media only screen and (max-width:1055px) {  
.xwzx_l{ display:none}
.xwzx_r{ width:100%}
.xwzx_r li dt{ height:113px}
.xwzx_top dt{ width:20%}
}
@media only screen and (max-width:490px) { 
.xwzx_r li{ width:100%; border-right:none}
.xwzx_r li dt{ height:auto}
.xwzx_r li:nth-child(n+3){ display:none}
}
@media only screen and (max-width:470px) {  
.xwzx_top dt{ display:none}
.xwzx_top h2{ width:100%}
}

/**/
.pinz{background:url(../images/pinz_bg.jpg) no-repeat center 0;overflow: hidden;padding:0 0 20px;}
.pinz01{width:19%;height: 444px;position: relative;float: left;margin-right:1%;overflow: hidden;}
.pinz01 dl{width:100%;height: 444px;overflow: hidden;text-align: center;}
.pinz01 dl dt{width:100%;line-height: 0;}
.pinz01 dl dt img{width:100%;height: auto}
.pinz01 dl dd{width: 100%;height: 231px;background: #fff;position: absolute;padding: 42px 0 0;}
.pinz01 dl dd em{display: block;width: 60px;height: 60px;position: absolute;top: -30px;left:40%;}
.pinz01 dl dd em img,.pin01_m em img{width: 60px;height: 60px;}
.pinz01 dl dd h5,.pin01_m h5{font-size: 18px;font-weight: bold; color: #333;height: 40px;line-height: 40px;overflow: hidden;background:url(../images/pinz_line01.png) no-repeat center bottom;}
.pinz01 dl dd p,.pin01_m p{width: 174px;margin:0 auto; font-size: 14px;color: #666;line-height: 25px;padding: 25px 0 0;overflow: hidden;}
.pinz01 dl dd p i,.pin01_m p i{display: block;}
.pinz01:hover dd{display: none;}
.pinz .nobor{margin-right: 0;}
.pin01_m{width:100%;height: 0;position: absolute;bottom: 0;left: 0;overflow: hidden;text-align: center;background: rgba(252,208,38,0.9);
transition:height .5s;-moz-transition:height .5s; /* Firefox 4 */-webkit-transition:height .5s; /* Safari and Chrome */-o-transition:height .5s; /* Opera */}
.pin01_m em{display: block;width: 51px;margin:0 auto;padding: 117px 0 25px 0;}
.pin01_m h5{color: #fff;background:url(../images/pinz_line02.png) no-repeat center 49px;}
.pin01_m p{color: #fff;}
.pinz01:hover .pin01_m{height: 444px;}
.pinz01:last-child{margin-right: 0;}
@media only screen and (max-width:1250px) {  
.pinz01:nth-child(5){ display:none;}
.pinz01{ width:24.2%}
}
@media only screen and (max-width:960px) {  
.pinz01:nth-child(4){ display:none;}
.pinz01{ width:32.6%}
}
@media only screen and (max-width:690px) {  
.pinz01{ height:370px}
.pinz01 dl dd{ height:auto}
}
@media only screen and (max-width:530px) {  
.pinz01:nth-child(3){ display:none;}
.pinz01{ width:49%; height:300px}
.pinz01 dl dd{ padding:22px 0 0}
.pinz01 dl dd p, .pin01_m p{ padding-top:15px}
}

/**/
.ban02{background:url(../images/ban02.jpg) no-repeat center 0;height: 146px;overflow: hidden;}
.ban02_l{width:712px;padding: 33px 0 0 10px;line-height: 38px;}
.ban02_l b{display: block;font-size: 30px;color: #333;}
.ban02_l .w1{font-size: 20px;color: #333;text-align: right;margin-top: 5px;}
.ban02_l i{font-size: 22px;color: #055191;font-weight: bold;}
.ban02 .ban01_r{background:none;color: #333; font-size:20px; padding-top:15px}
.ban02 .ban01_r span a{background: #fcd026;color: #fff; padding:3px 15px}
.ban01_r span a:hover{background: #093e5e;color: #fff;}
.ban02 .ban01_r b{color: #333333;font-size:28px;line-height:31px;margin-top:2px;}
@media only screen and (max-width:1070px) {  
.ban02 .ban01_r{ display:none}
.ban02_l{ width:80%}
}
@media only screen and (max-width:870px) {  
.ban02_l{ width:98%; margin:0 auto}
}
@media only screen and (max-width:870px) {  
.ban02_l b{ font-size:25px}
}
@media only screen and (max-width:564px) {  
.ban02{ height:96px}
.ban02_l b{ display:none}
}

/*新闻资讯*/
.news_main{  margin-top: 28px; margin:0 auto; width:1400px}
.news_menu{ text-align:center; margin-bottom:10px}
.news_menu ul li {display: inline-block;width: 150px;height: 50px;background-color: #f8f8f8;border-radius: 5px;text-align: center;line-height: 50px;margin: 0 7px;position: relative;
z-index: 1;}
.news_menu ul li.on::after {width: 100%;}
.news_menu ul li.on a {color: #fff;}
.news_menu ul li::after {content: "";position: absolute;width: 0;height: 100%;left: 0;top: 0;border-radius: 5px;background: #199475;z-index: -1;transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;}
.news_menu ul li a {display: block;width: 100%;height: 100%;font-size: 16px;color: #333333;}
.news_l {width: 396px; float:left}
.news_l:hover .news_l_txt > p > a {color: #199475;transform: translate(5px);}
.news_l .new_img {display: block; width: 100%; height: 242px;}
.news_l .new_img img { width: 100%;height: 100%;}
.news_l .news_l_txt {width: 100%; border-bottom: 1px dashed #dedede; padding-bottom:10px}
.news_l .news_l_txt > p {width: 100%;height:35px; line-height:35px;}
.news_l .news_l_txt > p > a {float: left;width: 70%;height: 100%; background: url(../images/bit.png) left center no-repeat; padding-left: 2.5%;box-sizing: border-box;font-size: 14px;color: #333333;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.news_l .news_l_txt > p > span {float: right;font-size: 14px;font-family: Arial;color: #999999;}
.news_l .news_l_txt > h4 {width: 100%;font-size: 14px;color: #666666; line-height:25px;height:47px; overflow: hidden; font-weight:normal}
.news_r { width:952px; float:right}
.news_r ul li { width:49%;border-bottom: 1px dashed #dedede; box-sizing: border-box;position: relative;margin-bottom:5px;transition: all 0.7s ease-in-out;
 -webkit-transition: all 0.7s ease-in-out; float:left; margin-right:2%; padding-bottom:3px;overflow:hidden}
.news_r ul li span{ padding-top:5px; font-weight:bold}
.news_r ul li:nth-child(2n){ margin-right:0}
.news_r ul li:hover {border-bottom: 1px dashed transparent;}
.news_r ul li:hover > p > a {color: #199475; letter-spacing: 3px;}
.news_r ul li:hover::after {  width: 100%;}
.news_r ul li:hover .news_r_txt_main  a {  transform: translate(-5px);}
.news_r ul li::after {content: "";position: absolute;width: 0;height: 0; border-bottom: 1px dashed #199475; bottom: 0;left: 0;transition: all 0.7s ease-in-out;
 -webkit-transition: all 0.7s ease-in-out;}
.news_r ul li > p {height:25px; line-height:25px}
.news_r ul li > p > a {width: 600px;background: url(../images/bit.png) left center no-repeat;padding-left: 20px; box-sizing: border-box;
font-size: 14px;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_r ul li > p > span {font-size: 14px;font-family: Arial;color: #999999;}
.news_r ul li .news_r_txt_main > a {  width: 37px;  height: 26px; background: url(../images/news_more.png) center no-repeat;}
.news_r ul li:nth-last-child(1) {  margin-bottom: 0;}
.news_r_txt_main{ width:100%; padding-bottom:2px}
.news_r_txt_main h4 {width:378px; float: left; line-height: 25px; height: 50px; overflow: hidden; font-weight:normal}
@media screen and (max-width:1410px){
.news_main{ width:95%}
.news_l{ width:30%}
.news_r{ width:65%}
.news_r_txt_main h4{ width:85%}
.news_l .news_l_txt > p > a{}
}
@media screen and (max-width:1090px){
.news_r ul li{ width:100%; margin-right:0}
.news_r ul li:nth-of-type(n+5){ display:none}
.news_l{ width:40%}
.news_r{ width:55%}
}
@media screen and (max-width:790px){
.news_l{ display:none}
.news_r{ width:96%; background:#f5f5f5; padding:2%}
}
@media screen and (max-width:359px){
.news_menu{ display:none}
}



/*内页*/
.ny_bb{ height:100px; width:100%; background:#f5f5f5}
.ny_cc{ max-width:1400px; margin:0 auto}
.ny_bt{}
.ny_bt_l {float: left;margin-right: 2%;width:38%;transition: .2s width ease; height:100px}
.title-a {padding: 20px 0 0;position: relative;}
.title-a:before { content: "";background: url(../images/ny_about.jpg) no-repeat 0 0;display: inline-block; width: 13px; height: 50px; vertical-align: top; margin: 0 2rem;}
.title-a span {font-weight: bold;font-size:28px;color: #0D74E8;}
.title-a i {float: right;font-size:48px;color: #f5f3f3;text-transform: uppercase;line-height: 47px;font-weight: bold;}
.title-a:after {content: "";width: 1px; height: 100px; background: #0D74E8;display: block; position: absolute; left: 0; top:0}
.ny_bt_r{ float:right; width:55%}
.title-b {color: #fff; background: #333333;height:100px;line-height: 100px; padding-left: 2%; font-size:16px }
.title-b i {font-size: 2rem; margin-right: 1rem;}
.title-b a {color: #fff;}
@media screen and (max-width:1410px){
.ny_cc{ width:95%}
}
@media screen and (max-width:750px){
.ny_bt_l{ display:none}
.ny_bt_r{ width:100%}
.ny_bb{ height:100px; background: none}
}
@media screen and (max-width:680px){
.ny_cc{ width:100%}
}

.nr {margin: 0 auto; max-width:1400px; margin-top:1%; margin-bottom:1%; background:#FCFCFC;}

.content1{ line-height:37px; font-size:15px;width:100%; margin:0 auto; }
.content{  line-height:37px; font-size:15px; width:100%; margin:0 auto;}
@media screen and (max-width:1400px){
.content{ width:95%; padding-top:2%}	
.content1{width:95%; padding-top:2%}
}
@media screen and (max-width:1250px){
	.content img{ width:95%; margin:0 auto}
}
@media screen and (max-width:600px){
	.content1 img{ width:90%; height:auto}
}

.cpfl{ width:100%; margin:0 auto}
.cpfl ul{}
.cpfl ul li{ width:calc(96%/6); margin-left:0.2%; margin-right:0.5%; background:#0D74E8; text-align: center; float:left; margin-bottom:0.5%; height:50px; line-height:50px }
.cpfl ul li:last-child{ margin-right:0}
.cpfl ul li a{ color:#FFF }
@media screen and (max-width:950px){
.cpfl{ width:100%}
}
@media screen and (max-width:730px){
.cpfl{ width:100%}
.cpfl ul li{ width:24.3%; overflow:hidden}
}
@media screen and (max-width:490px){
.cpfl ul li{ width:49.3%; }
}

.productlist dl{ width:24.2%; float:left; margin-right:1%; margin-bottom:1%;}
.productlist dl:nth-child(4n){ margin-right:0}
.productlist dl:hover{ background:#fff}
.productlist dl dt{ height: auto; overflow:hidden;  }
.productlist dl dt a{ width:100%}
.productlist dl dt a img{ width:100%; height: auto; vertical-align:middle;transition: all .4s ease-in-out;}
.productlist dl dt a:hover img {transform: translateZ(0) scale(1.12);}
.productlist dl dd{ height:26px; line-height:26px; text-align:center; overflow:hidden}
.productlist dl dd a{ height:26px; line-height:26px}
@media screen and (max-width:1100px){
.productlist dl { width:32.6%}
.productlist dl:nth-child(4n){ margin-right:1%}
.productlist dl:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:680px){
	.productlist dl{ width:49.5%}
	.productlist dl:nth-child(3n){ margin-right:1%}
	.productlist dl:nth-child(2n){ margin-right:0; float:right}
}

.page { margin:0px auto; width:940px; padding-top:10px; padding-bottom:8px}
.page ul li{float:left; border:1px solid #e5e5e5; padding:0 5px; height:20px; line-height:20px; overflow:hidden; color:#000; margin:0 3px 3px;}
.page ul li a{color:#666;}
.page ul li a:hover{color:#588b00;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}
@media screen and (max-width:950px){
.page { width:95%}	
}

.rel_center0{ text-align:center}
.pro_name{ text-align:center; margin-top:1%}
.pro_name h2{ font-size:24px; font-weight:normal}
@media only screen and (max-width:550px) {
.rel_center0 img{ width:80% }	
.pro_name h2{ font-size:18px}
}
.info_title{width:100%;text-transform:uppercase;margin-bottom:20px;}
.info_title h3{font-size:18px;text-align:left;padding:36px 0 10px 0;border-bottom:1px solid #ddd;}
.info_title h3 span{font-family:'Arial';font-size:15px;}
.info_title hr{width:44px;height:2px;background:#5F5F5F;border:none;margin:-11px auto 0 auto;}

.title{ text-align:center; font-size:19px; font-weight:bold; margin-bottom:1%}
.info{ text-align:center; width:40%; border-bottom:1px #A5A2A2 solid; border-top:1px #A5A2A2 solid; margin:0 auto; margin-bottom:20px}
@media only screen and (max-width:680px) {
.info{ width:100%}
}

.xwzx{}
.xwzx ul{ list-style-type:none}
.xwzx ul li{ border-bottom:1px dotted #ccc; height:35px; line-height:35px}
.xwzx ul li span{ float:right; font-size:12px}
@media only screen and (max-width:680px) {
	.xwzx ul li a{ width:70%; float:left; height:35px; overflow:hidden}
	.xwzx ul li span{ width:25%; text-align:right}
}
@media only screen and (max-width:430px) {
}
.ipro{}
.ipro dl{ width:24%; float:left; margin-right:0.5%; margin-left:0.5%}
.ipro dl dt{ width:100%}
.ipro dl dt a{ width:100%}
.ipro dl dt a img{ width:100%; height: auto; vertical-align:middle; }
.ipro dl dd{ height:35px; line-height:35px; text-align:center; width:100%; overflow:hidden}
.ipro dl dd a{ height:35px; line-height:35px}
@media only screen and (max-width:500px) {
.ipro dl{ width:49%}
}
.newslist{}
.newslist dl{ list-style-type:none; border-bottom:1px dotted #ccc; }
.newslist dl dd {}
.newslist dl dd a{ font-size:14px; color:#000; font-family:"微软雅黑"; float:left; font-weight:bold}
.newslist dl dd span{ float:right;}
.newslist dl dt{line-height:28px; margin-bottom:5px; display:block; height:56px; overflow:hidden;}


/**/
.vipb{ bottom:3px; right:5px; height:30px; background:url(../images/vip.png) no-repeat center right; padding-right:68px; font-size:20px; color:#e7b144; line-height:35px; text-align:right}
.vipb a{ color:#e7b144}

#footer{ width:100%; margin:0px auto; background:#1589DE; color:#fff; line-height:30px;position:relative} 
.footer a{ color:#fff }  
.footbot{  background:#333333; color:#fff; line-height:24px; margin-top:10px} 
.copyright span{ display:block} 
.copyright a{ color:#FFFFFF}
.copyright{ width:100%; margin:0px auto; padding-top:5px}
.copyright p{ display:inline;float:right}  
.copyrightno{ width:100%; display:block}
.footer_r{ width:32%; float:right; padding-top:15px;}
.footer_l{ width:64%; float: left}

.footdivli{width:100%; } 
.footdivli li{ width:48%;float:left; line-height:25px}   
.footdivli .footer_top{ display:none} 
.footdivdt{width:100%; line-height:30px;   } 
.footdivdt li{ width:17%; margin:0% 1% 1% 1%; float:left }     
.footdivul{width:47%; float: left; padding:15px 0% 0% 0%; }
.footdivul li{width:44%; text-align: center; float:left; } 
.footdivul li img{ width:67%; float:left; border:7px #fff solid} 
.footdivul h2{width:100%; line-height:50px; color:#FFFFFF; }  
.footdivul p{ width:100%; display:block; line-height:30px;} 
.footdivul p strong{ padding-left:10px; font-weight:normal} 
.footdivul ul{ width:55%; float:left}
.footdivul_top{ line-height:34px; font-size:24px}
.footdivul_top b{ width:40px; height:5px; background:#FFFFFF; display:block; margin:2% 0}
.footdivgg{ width:44%; float: right;padding:15px 3% 0% 5%; border-left:1px solid #2c87c9; border-right:1px solid #2c87c9}  
.footdivgg h2{ line-height:30px; color:#fff; }    
.footdivgg span{ font-size:24px; line-height:46px;  font-weight:bold; width:100%; display:block}    
.footdivgg p{ line-height:26px; font-size:14px }   
.footdivgg li{ line-height:30px; color:#fff;  border:1px #FFFFFF solid; padding:2% 8%; font-size:18px; text-align:center}  
.footdivgg li img{ margin-bottom:-2%; padding-right:2%} 
.footdivgg_top{ line-height:40px; font-size:24px}
.footer_top{ height:40px; line-height:40px;  margin-bottom:10px; font-size:24px }    
.footdivli_bot{ width:100%; padding:3% 0% 2% 0%; float:left}
.footdivli_bot ul{ width:19%; float:left; }
.footdivli_bot ul img{ margin: 0 auto; width:44%; background:#333333;border-radius:150px; padding:12px;}
  
 
@media only screen and (max-width:1200px) {    
.footdivul{ width:35%}
.footdivul li{width:100%; } 
.footdivul li img{ width:31%; float:none; margin: 0 auto} 
.footdivul ul{ width:100%; text-align:center; }
.footdivgg{ width:54%}
.footdivli_bot ul{ margin-right:3%}
}  
@media only screen and (max-width:1100px) {  
.footdivdt li{ width:22%}
}
@media only screen and (max-width:1024px) {  
.footbot{ padding:1% 0% 30px 0%} 
.copyrightno{ display:none}
.footdivdtno{ display:none}
.footer_r{ width:30%}
.footer_l{ width:68%} 
.footdivgg span{ font-size:20px; line-height:40px}
}
@media only screen and (max-width:850px) {  
.footer_r{ width:55%; float:left; padding-top:30px}
.footer_l{ width:43%; float:left; } 
.footdivul{ display:none}
.footdivgg{ width:100%;border-left: none; border-right: none; padding:30px 3% 0% 6%}
.footdivgg_top{ font-size:18px; font-weight:bold}
.footer_top{ font-size:18px}
.footdivgg span{ font-size:16px}
.footdivul h2{ font-size:16px}  
.footdivgg p{ font-size:14px}  
.footdivdt{ width:34%}
.footdivdt li{ width:98%}
.footdivli .footer_top{ display: block}
.footdivli{ width:66%}
.footdivli li{ width:98%}

}  
@media only screen and (max-width:768px) {  
.header1{ background:#000;}  
#footer{ padding:2% 0% 0% 0%; } 
.footer{ padding:0% 0% 0% 0%; }   
.footbot{ padding:2% 0% 20px 0%; } 
.footer_r{ width:100%; float:left; padding-top:0%}
.footer_l{ width:100%; float:left}
.footdivgg{ width:60%; padding:0px 0% 0% 0%; float:left}  
.footer_top{ width:100%; }
.footdivdt{ width:100%; height:auto; padding:1% 0% }  
.footdivli{ width:100%; padding:1% 0%; height:auto; }  
.footdivdt li{  width:16.3%; margin:0% 1%; height:40px; line-height:40px;  text-align:center; background:#1579C4}   
.footdivli li{ width:31.3%; margin:0% 1% 1%; height:40px; line-height:40px;  text-align:center; background:#1579C4} 
.copyright{ float:left; text-align:center}  
.copyright strong{ display:none}
.footbot p{ width:100%; display:block} 
.footdivli_bot ul{ margin:0% 0%; width:11%  }
.footdivul{ display: inline; float: right; width:40%; padding:30px 0% 0% 0%;} 
.footdivul_top{ display:none}  
.footdivul h2{ font-size:14px; line-height:30px}
} 
@media only screen and (max-width:550px) { 
.footdivgg{ width:100%;}
.footdivgg span{  font-size:26px}
.footdivul{ display: none;}
 }  
@media only screen and (max-width:520px) {  
.footdivdt li{ width:18%}
}
@media only screen and (max-width:450px) {
.footdivli_bot ul{ width:15%; margin:0% 2%} 
.footdivgg span{ font-size:20px;}
}
@media only screen and (max-width:414px) { 
.footdivdt li{ width:31%; margin-bottom:1%}
.footdivgg h2{ line-height:50px; height:40px; width:100%; float:left; text-align: center; font-size:18px} 
.footdivgg span{ width:100%; float: left; display:block; text-align:center; line-height:30px; font-size:18px}
.footdivdt li strong{ display:none}
 }  
 
.header1{ display:none}
.header1 h2{ display:none}
@media only screen and (max-width:680px) {   
#footer{ margin-bottom:60px}
.header1{ height:60px; position:fixed; bottom:0px; left:0px; z-index:99999; width:100%; line-height:45px; display:block; clear:both; font-size:20px; background:#f68600 }
.header1 h2{ width:100%; height:45px; text-align:center; background:url(../images/header1.png) no-repeat center top ; display: block}
.header1 h2 a{ color:#FFFFFF; font:24px/60px "微软雅黑"; margin: 0 auto; width:100%; display: block; font-variant:small-caps; height:60px;}
.header1 li{ width:50%; float:left; height:90px; } 
.header1 li a{ width:100%; text-align:center; display:block}
.header1 a p{ line-height:60px; color:#FFFFFF; display:inline;}
.header1 a img{ margin-bottom:-7px; margin-right:10px;} 
.header1 li:nth-child(1){background:url(../images/n3.png) repeat-y right top; }
}